<template>
  <div>
   动态组件
    <div>v-model的原理</div>
      <input type="text" v-model="message">
      <br>
      <br>
      <input type="text" :value="myVlaue" @input="inpC">
      <!--  <input type="text" :value="inValue" @input="inValue = $event.target.value;">-->
      <h2>myVlaue动态改变:{{myVlaue}}</h2>
      <h2>message动态改变:{{message}}</h2>
  </div>
</template>

<script>
    export default {
        name: "Example1",
      data(){
        return{
          myVlaue:'',
          message:''
        }
      },
      methods:{
        //event浏览器事件 02/03★ v-on的使用
        inpC(event){
          this.myVlaue = event.target.value;
        }
      }
    }
</script>

<style scoped>

</style>
